<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<h1>网站一级标题</h1>
	<ul>
		<li><a href="#">导航链接1</a></li>
		<li><a href="#">导航链接2</a></li>
		<li><a href="#">导航链接3</a></li>
		<li><a href="#">导航链接4</a></li>
	</ul>
	<h2>文章一级标题</h2>
	<h2>文章二级标题</h2>
	<span>文章作者 </span>
	<span>文章发布时间</span>
	<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了</p>
	<p>	这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了</p>
	<p>这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<b>这里有个粗体字</b>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。
	</p>
	<img src="imgs/Gerrard.jpg" / alt="图片酷酷的">
	<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了</p>
	<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<b>这里有个粗体字</b>这是一个很长很长的段落，这是一个很长很长的段落，<a href="" target="_blank">这里有一个链接打开新窗口链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落
	</p>
	<h2>另一篇文章一级标题</h2>
	<h2>文章二级标题</h2>
	<span>文章作者 </span>
	<span>文章发布时间</span>
	<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了</p>
	<p>	这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了</p>
	<p>这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<b>这里有个粗体字</b>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。
	</p>
	<img src="imgs/Gerrard.jpg" / alt="图片酷酷的">
	<ul>
		<li>列表项目一</li>
		<li>列表项目二</li>
		<li>列表项目三</li>
	</ul>
	<h2>图片</h2>
	<ul  style="list-style-type:none">
		<li>好看的图片</li>
		<li><img src="imgs/Gerrard.jpg" / alt="图片酷酷的"></li>
		<li>好看的图片</li>
		<li><img src="imgs/Gerrard.jpg" / alt="图片酷酷的"></li>
		<li>好看的图片</li>
		<li><img src="imgs/Gerrard.jpg" / alt="图片酷酷的"></li>
		<li>好看的图片</li>
		<li><img src="imgs/Gerrard.jpg" / alt="图片酷酷的"></li>
		<li>好看的图片</li>
		<li><img src="imgs/Gerrard.jpg" / alt="图片酷酷的"></li>
		<li>好看的图片</li>
		<li><img src="imgs/Gerrard.jpg" / alt="图片酷酷的"></li>
		<li>好看的图片</li>
		<li><img src="imgs/Gerrard.jpg" / alt="图片酷酷的"></li>
		<li>好看的图片</li>
		<li><img src="imgs/Gerrard.jpg" / alt="图片酷酷的"></li>
		<li>好看的图片</li>
		<li><img src="imgs/Gerrard.jpg" / alt="图片酷酷的"></li>
		<li>好看的图片</li>
		<li><img src="imgs/Gerrard.jpg" / alt="图片酷酷的"></li>
	</ul>
	<h2>最后一篇文章一级标题</h2>
	<h2>文章二级标题</h2>
	<span>文章作者 </span>
	<span>文章发布时间</span>
	<ol>
		<li>排名1</li>
		<li>排名2</li>
		<li>排名3</li>
	</ol>
	<span>下面是一个表格，给表格加了一个border="1"好让你看出是一个表格</span>
	<table border="1">
		<tr>
			<th>表头</th>
			<th>表头</th>
			<th>表头</th>
		</tr>
		<tr>
			<td>表内容单元格</td>
			<td>表内容单元格</td>
			<td><a href="#">操作</a></td>
		</tr>
		<tr>
			<td>表内容单元格</td>
			<td>表内容单元格</td>
			<td><a href="#">操作</a></td>
		</tr>
		<tr>
			<td>表内容单元格</td>
			<td>表内容单元格</td>
			<td><a href="#">操作</a></td>
		</tr>
		<tr>
			<td>表内容单元格</td>
			<td>表内容单元格</td>
			<td><a href="#">操作</a></td>
		</tr>
		<tr>
			<td>总计</td>
			<td colspan="2">1000</td>
		</tr>
	</table>
	<h2>这里以后是一个侧栏，这是侧栏的标题</h2>
	<h2>侧栏注册窗口标题</h2>
	<label>请输入邮箱地址：</label><input type="text" placeholder="这是一个文本输入框">
	<p>邮箱地址请按格式要求输入</p>
	<label>请输入密码</label><input type="password" placeholder="这是一个文本输入框"><label>请重复输入密码</label><input type="password" placeholder="这是一个文本输入框">
	<p>密码请为6~16位英文数字</p>
	<label>性别</label><input type="radio" name="sex" checked="checked">男<input type="radio" name="sex">女
	<label>城市</label><select name="city">
		<option selected="selected">北京</option>
		<option>广州</option>
	</select>
	<label>爱好</label>
	<input type="checkbox" name="sport">运动
	<input type="checkbox" name="art">艺术
	<input type="checkbox" name="science">科学
	<label>个人描述</label>
	<textarea placeholder="这是一个多行输入框，输入您的个人描述"></textarea>
	<input type="submit">
	<p>@版权所有</p>
</body>
</html>